@charset "utf-8";
/* CSS Document */

/****** Mainmenu - unordered list within the <li> tags ******/

#menuwrapper{ /* Encases the entire menu */
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 58px;
	background-image: url(../images/menu-bg2.jpg);
	background-repeat: no-repeat;
}

	#menu{
		margin-left: auto;
		margin-right: auto;
		margin-left: 20px;
	}
	
		#menu ul{
			margin: 0px;
			padding: 0px;
		}
		
		#menu ul li{
			list-style: none;
			float: left;
		}
		
		#menu li a{
			display: block; /* highlights the entire link box */
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.875em;
			width: 169px;
			height: 60px;
			text-decoration: none;
			text-align: center;
			line-height: 60px; /* Vertical center the text */
			color: #666;
			background-color: #fff;
		}
		
		#menu li a:hover{
			display: block;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.875em;
			width: 169px;
			height: 60px;
			text-decoration: none;
			color: #fff;
			background-color: #ad1221;
		}
		
		#menu .current {
			font-weight: bold; 
			color: #ad1221;
		}
		
		
/**************************** Left Sub-Navigation Styles ****************************/
#left-navigation
{
	float: left;	
	width: 15.65217391304348%; /* 190 / 920 */
}

	
#left-navigation ul{	
	float: left;
	list-style: none;
	padding: 6% 0% 0% 0%;
	margin: 0%;
}

/**************************** Page Styles ****************************/

body{
	margin: 0;
	padding: 0;
	background-color: #c5d8db;
	line-height: 1.375em;
}

p{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	padding: 0px;
}

.homepage-headline{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 2em;
	color: #fff;
}
.content-heading{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1.5em;
	color: #589199;
}

.content-sub-heading{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.125em;
	color: #ad1221;
	line-height: 1.5em;
}

#quote{
	border-bottom: 2px dotted #C00;
	border-top: 2px dotted #C00;
	/* margin-top: 30px; */
	/* margin-bottom: 30px; */
	padding: 2% 10%;
	text-align: center;
	line-height: 2em;
}
	.content-quote-text{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.5em;
		font-style: italic;
		/* line-height: 2em; */
		color: #ad1221;
	}
	
	.content-quote-attribution-text{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.25em;
		font-style: italic;
		/* line-height: 2em; */
		color: #ad1221;
	}

.photo-caption{
	font: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	color: #666;
	line-height: 1.25em;
}

.content-in-head{
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	line-height: 1.375em;
}

.content-in-head-secondary{
	font: Arial, Helvetica, sans-serif;
	font-size: .625em;
	font-style:italic;
	color: #000;
	line-height: 1.375em;
}

#responsive-container{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 100%;
	background-color: #f7f9fa;
}

	#header{
		margin-left: auto;
		margin-right: auto;
		padding-top: 20px;
		width: 100%;
		height: 60px;
		background-color: #f7f9fa;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 40px;
		font-weight: bold;
		color: #C00;
		text-align: right;
	}
	
	#sub-menu{
		margin-left: auto;
		margin-right: auto;
		background-color: #f7f9fa;
		width: 100%;
		height: 30px;
		text-align: right;
		background-image:url(../images/menu-bg.jpg);
		background-repeat: no-repeat;
	}
	
	#sub-menu .current{
		font-weight: bold; 
		color: #ad1221;
	}
	
	#content{
		position: relative; /*Emily: add for interior divs on forms/contact pages to funtion correctly */
		overflow: auto;/*Emily: add for interior divs on forms/contact pages to funtion correctly */
		/*width: 95.83333333333333%; /* 920 / 960 - its 920 because of the 20px padding all around */
		/*padding: 20px;*/
		width: 90%;
		background-color: #f7f9fa;
		/*padding-top: 18px;*/
		padding-left: 5%; /* 50px / 960px */
		padding-right: 5%;
		padding-top: 2.083333333333333%; /* 20px / 960px */
		padding-bottom: 2.083333333333333%; /* 20px / 960px */

	}
	
	#main-content{
		position: relative; /*Emily: add for interior divs on forms/contact pages to funtion correctly */
		/* overflow: auto;/* drops the content below the left nav */
		/*adding-right: 20px;*/
		/*margin-left: 30%; /* (menu dimensions 210 + 20) / 920 */
		margin-bottom: 10px;
		width: 79.34782608695652%; /* 100- <left navigation percentage > -%5 padding */
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1em;
		float: right;
	}

	#homepage-box-container{
	/*margin-left: auto;
	margin-right: auto;*/
	width: 100%; /* 100 - 2.083333333333333% */
	padding-top: 2.083333333333333%; /* 20px / 960px */
	padding-bottom: 2.083333333333333%; /* 20px / 960px */
	position: relative; /*Emily: add for interior divs on forms/contact pages to funtion correctly */
	overflow: auto;/*Emily: add for interior divs on forms/contact pages to funtion correctly */
	}

	.home-page-box{
		  font: Georgia, "Times New Roman", Times, serif;
		  font-size: 1em;
		  text-align: right;
		  color: #666;
		  border: 2px solid #666;
		  width: 46.25833333333333%; /* 446 / 960 */
		  position: relative;
		  float: left;
		  margin-left: 2.083333333333333%; /* 20px / 960 px */
		  min-width: 320px;
	}
	
	.home-page-box .image{
		float: left;
		width: 48%;
	}
	
	.map {
		width: 100%;	
	}
	
	#calendar {
		float: right;
		width: 37%;
	}
	
	.main-content-left {
		width: 55%;	
		float: left;
	}
	
	.announcements {
		padding-left: 3%;
	}
	
	img.profile-pic {
		float: left;
		padding-right: 2%;
	}
		
	.text{
		width: 40%;
		float: left;
		text-align: left;
		padding-left: 5%;
		padding-right: 4%;
		padding-top: 0%;
	}
	
	#footer{
		margin-left: auto;
		margin-right: auto;
		width: 95.999999999999999%; /* 920 / 960 */
		height: 200px;
		padding: 20px;
		background-color: #666;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.875em;
		color: #FFF;
	}
	
	#footer .footer-heading-text{
		font-weight: bold;
		padding-bottom: 0%;

	}
	
	/* Classes for homepage, forms, and contact us */
	#main-page-left {
		float: left;
		width: 65.50925925925926%;  /* 566px / 864 */
	}
	
	#main-page-left-content {
		padding-right: 8.48056537%;  /* 48px / 566px */
	}

	#right-sidebar {
		/*position: relative;*/
		float: right;
		width: 34.49074074074074%;  /* 295px / 900px */ 
		height: auto;
	}
	
	#right-sidebar-content {
	 	margin: 0 auto;   
	 	width: 69.7885196%;  /* 231px / 331px */	
	}
	
	#byl-feedback-form .input {
		width: 100%;
		float: left;
	}
	
	#byl-feedback-form textarea {
		width: 100%;
		float: left;
		min-height: 100px;
	}
	
	#byl-feedback-form .submit {
		float: left;
		padding: 10px 15px;
		background: #c5d8db;
		color: #000;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	
	#byl-feedback-form label {
		width: 20%;	
	}
	
	fieldset div{
		width: 75%;	
		float: right;
	}
	


	#byl-feedback-form {
		padding:0px;
		margin:0px;
	}
	
	fieldset {
		border: 0px solid #000000;
		padding-right: 0px;
		padding-left: 0px;
		/*padding-top: 0;
		padding-bottom: 0.5em;*/
		line-height: 1.375em;
	}
	
	.pdf-document {
		height: 45px;
		background-image:url(../images/pdf_icon.png);
		background-size:contain;
		background-repeat:no-repeat;
		padding-left: 55px;
		position: relative;
	}
	
	.word-document {
		height:45px;
		background-image:url(../images/word_icon.png);
		background-size:contain;
		background-repeat:no-repeat;
		padding-left: 55px;
		position: relative;
	}
	
	.document {
		position: absolute;
		bottom: 0px;
	}

/***********************Carousel Styles*************************/
	.content-carousel {
		width: 100%;
		overflow: hidden;
		position: relative;
		height: 450px;
		margin-top: 1.875%; /* 18px / 960px */
		margin-left: auto;
		margin-right: auto;
	}
	
	.carousel
        {
            width: inherit;
            height: inherit;
			
        }
        .carousel .pane
        {
            width: inherit;
            height: inherit;
            position: absolute;
        }
                
        .carousel .pane img
        {
            width: inherit;
            height: inherit;
        }
        
        .carousel .pane .title
        {
            font-family: Georgia, "Times New Roman", Times, Serif;
            color: #FFF;
            font-size: 1.4em;
            position: absolute;
            bottom: 0%;
            background-color: rgba(20,20,20, .6);
            padding: .3em .6em .3em .6em;
            max-width: 50%;
            line-height: 1.5em;
        }

        .carousel .pane .title a
        {
			font-family: Georgia, "Times New Roman", Times, Serif;
			color: #FFF200;
			text-decoration: underline;
        }

	.carousel .pane .title a:hover
	{
        font-family: Georgia, "Times New Roman", Times, Serif;
	    color: #ad1221;
	}

	.carousel .pane .title a:focus
	{
        font-family: Georgia, "Times New Roman", Times, Serif;
	    color: #ad1221;
	}

        .carouselnavigation
        {
            position: absolute;
            width: 50%;
            height: auto;
            bottom: 0%;
            right: 0%;
        }

        .carouselnavigation .bottom-nav-aligner
        {
            position: absolute;
            bottom: 0%;
            right: 0%;
            padding: .3em .3em .3em .3em;
        }
        
        .carouselnavigation .bottom-nav-aligner a
        {
            float: right;
            margin: .3em;
            border: none; 
            background:url(../images/carosel-nav-buttons.png);
            background-size: 300% 100%;
            width: 1.2em;
            height: 1.2em;
        }
        .carouselnavigation .bottom-nav-aligner a:hover
        {
           background-position: 100% 0%;
        }
        .carouselnavigation .bottom-nav-aligner a.current
        {
           background-position: 50% 0%;
        }
/***********************End Carousel Styles*********************/

/*********************** Link Styles ***************************/
#sub-menu a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #000;
	padding: 0px 10px;
}

#sub-menu a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #ad1221;
	padding: 0px 10px;
}

#left-navigation ul li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	color: #000;
	line-height: 2em;
	list-style: none;
	vertical-align:top;
	margin: 0%;
	padding: 0%;
}


#left-navigation ul li a:hover{
	color: #589199;

}

#left-navigation ul li a.current{
	color: #589199;
	font-weight: bold;
}

#home-page-box a{
	font: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #000;
	text-decoration: underline;
}

#home-page-boxes a:hover{
	font: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #ad1221;
	text-decoration: none;
}

a{
	font-size: 1em;
	text-decoration: none;
	color: #589199;
}

a:hover{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	text-decoration: none;
	color: #ad1221;
}

#footer a{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
}

#footer a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #F00;
}

/*********************** Media Queries for Responsive Design Elements ***************************/

/** Mobile Phones **/
@media (min-width: 320px) and (max-width: 480px) {
}

/** Tablets **/
@media (min-width: 768px) and (max-width: 1024px) {
}

/** Desktops and Laptops **/
@media (min-width: 1224px) {
}